<html>

<head>
	<link rel="stylesheet" type="text/css" href="../../css/mooFlow/MooFlow.css" />
	<script type="text/javascript" src="mootools-1.2-core.js"></script>
	<script type="text/javascript" src="mootools-1.2-more.js"></script>
	<script type="text/javascript" src="MooFlow.js"></script>
</head>

<body>
	   
	   <script type='text/javascript'>
			  
			var mf; 
			 
			window.addEvent('domready', function(){
				
			  mf = new MooFlow($('MooFlow'), {
			  startIndex: 0,
			  heightRatio:0.53,
			  useSlider: true,
			  useAutoPlay: true,
			  useCaption: true,
			  useResize: true,
			  useWindowResize: true,
			  useMouseWheel: true,
			  useKeyInput: true,
			  bgColor:"white",
			  onClickView: function(cur)
			  {
				alert("dede");			  	
			  }
				  });
			  });
			  
			  //Seleccionar alguna iamgen programaticamente.
			  function seleccionar()
			  {
				mf.clickTo(0);
			  }
	   </script>
	   
	   
	   <input type="button" value="Seleccionar" onclick="seleccionar()">
	   
	   <div id="MooFlow">
    		<div>
    			<img src="../../img/logos_marcas/1.jpg" title="Title" alt="Some descriptions" />
    		</div>
    		<div>
    			<img src="../../img/logos_marcas/2.jpg" title="Title" alt="Some descriptions" />
    		</div>
    		<div>
    			<img src="../../img/logos_marcas/3.jpg" title="Title" alt="Some descriptions" />
    		</div>
      </div>
</body>

</html>